<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{$seo.title}</title>
<meta name="keywords" content="{$seo.keywords}" />
<meta name="description" content="{$seo.description}" />
<meta name="format-detection" content="telephone=no"/>
<meta content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
 <link rel="shortcut icon" href="/public/ui/dist/img/favicon.ico" /><link rel="stylesheet" href="{YUNYECMS_UI}bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="{TPL}static/font-awesome-4.7.0/css/font-awesome.min.css">
<link href="{TPL}static/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" />
<link href="{TPL}static/css/common.css" type="text/css" rel="stylesheet">
<link href="{TPL}static/css/style.css" type="text/css" rel="stylesheet">
<link href="{TPL}static/css/form.css" type="text/css" rel="stylesheet">
<link href="{TPL}static/css/buy.css" type="text/css" rel="stylesheet">
<link href="/public/ui/dist/css/step.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{YUNYECMS_UI}plugins/iCheck/all.css">
<script src="{TPL}static/js/jquery.js"></script>
<script src="{TPL}static/js/touchslide.1.1.js"></script>
<script src="{TPL}static/js/wow.min.js"></script>
<script src="{TPL}static/js/jquery.lazyload.js"></script>
<script src="{TPL}static/js/comloding.js"></script>
<script src="{TPL}static/js/common.js"></script>
<script src="{TPL}static/js/swiper.min.js"></script>
<script src="{TPL}static/js/main.js"></script>
	
<!--[if lt IE 9]>
<script src="{TPL}static/js/html5.js"></script>
<![endif]-->
</head>
<body>
 {tpl "head",'content'}

<div class="page-head" style="background: #eff3f8; margin-top: 82px;">
                                <div class="container wrapper">
                                    <!-- BEGIN PAGE TITLE -->
                                    <div class="col-xs-12 col-sm-12 col-md-12" style="padding: 19px 0;">
                      <ul class="page-breadcrumb breadcrumb">
					<li>
						<a href="{ROOT}">首页</a>
						<i class="fa fa-angle-right"></i>
					</li>
							   <li><a href="{php echo url('member/member/index');}">会员中心</a> <i class="fa fa-angle-right"></i> </li> 
							   <li><span>我要建站</span></li>
				       </ul>
                                    </div>
                                    <!-- END PAGE TITLE -->
                                </div>
 </div>
	
<div class="wrapper">
	<div class="row">
                  <div class="portlet light">
		<div class="portlet-body">
                <div class="row text-center mt-80 mb-30">
   <div class="btn-group btn-group-circle btn-group-solid">
      	                 <a href="{ROOT}grant.html" class="btn btn-outline  blue"><i class="icon-badge"></i> 商业授权</a>
                      <a  href="{php echo url('shop/orders/buy',array('catid'=>32,'id'=>82));}" class="btn blue"> <i class="icon-arrow-right"></i> 我要建站</a>
                      <a href="{php echo url('grant/index/search');}"  class="btn btn-outline  blue"> <i class="icon-magnifier"></i> 授权查询</a>
                       </div>				  
				</div>
  
				<div class="mt-element-step">
                                                            <div class="row step-line">
                                                                <div class="col-md-4 mt-step-col first ">
                                                                    <div class="mt-step-number bg-white" style="line-height: 33px;">1</div>
                                                                    <div class="mt-step-title uppercase font-grey-cascade">填写订单信息</div>
                                                                </div>
                                                                <div class="col-md-4 mt-step-col  ">
                                                                    <div class="mt-step-number bg-white"  style="line-height: 33px;">2</div>
                                                                    <div class="mt-step-title uppercase font-grey-cascade">在线支付</div>
                                                                </div>
                                                                <div class="col-md-4 mt-step-col active last">
                                                                    <div class="mt-step-number bg-white"  style="line-height: 33px;">3</div>
                                                                    <div class="mt-step-title uppercase font-grey-cascade">付款成功，三个工作日上线</div>
                                                                </div>
                                                            </div>
                                                        </div>
<div class="row">
                    
                <div class="col-md-12 pb-120">
                    <!-- shop your order table -->
                       <div class="shop--your-order pt-30" data-animate="fadeInUp" data-delay=".8">
                        <h4 class="font-weight-bold PT-sens text-center"> 付款成功，我们的工作人员会尽快与您联系！</h4>
                        
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                 <tr>
                    <td colspan="2" style="text-align: center; line-height: 40px; padding-top: 20px;">
                        支付宝订单号： <font  color="#e60012"><php>echo $_REQUEST['trade_no'];</php></font>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; line-height: 40px;" >
                        订单标题： <php>echo $_REQUEST['subject'];</php>
                    </td>
                </tr>
                   <tr>
                    <td colspan="2" style="text-align: center; line-height: 40px;" >
                        订单详情：<php>echo $_REQUEST['body'];</php>
                    </td>
                </tr>
                    <tr>
                    <td colspan="2" style="text-align: center; line-height: 40px; ">
                       金额： <font  color="#e60012"> ￥<php>echo $_REQUEST['total_fee'];</php> </font>  
                    </td>
                </tr>
                  <tr>
                    <td colspan="2" style="text-align: center; line-height: 40px; ">
                         <a href="{php echo url('shop/orders/index')}"  class="btn btn-blue btn-flat btn-lg"><i class="icon-paper-plane"></i> 查看我的订单  </a>
                    </td>
                </tr>
            </table>
  
                    </div>

                        
                        
                        
                        
                    <!--ENd of shop your order table -->
                </div>
            </div>  
			
			
		   									
            <div class="clearfix"></div>                                 
                      
                       </div>
                            <div class="clearfix"></div>                                               
                      </div>
            </div>
	
	</div>
	
	
	

 {tpl "foot",'content'}
<script src="{TPL}static/js/jquery.min.js" type="text/javascript"></script>
<script src="{TPL}static/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="{YUNYECMS_UI}plugins/iCheck/icheck.min.js"></script>
<script type="text/javascript" src="{YUNYECMS_UI}validator/dist/js/bootstrapValidator.js"></script>	
<script src="{TPL}static/js/yunyecms.js" type="text/javascript"></script>
<script>
  $(function () {
    //iCheck for checkbox and radio inputs
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass: 'iradio_minimal-blue'
    });
    //Red color scheme for iCheck
    $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
      checkboxClass: 'icheckbox_minimal-red',
      radioClass: 'iradio_minimal-red'
    });
	$('input[type="checkbox"].minimal-blue, input[type="radio"].minimal-blue').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass: 'iradio_minimal-blue'
    });
    //Flat red color scheme for iCheck
      $('input[type="checkbox"].flat-blue, input[type="radio"].flat-blue').iCheck({
      checkboxClass: 'icheckbox_flat-blue',
      radioClass: 'iradio_flat-blue'
    });
  });
</script>
<script type="text/javascript">
$(document).ready(function() {
    $('#defaultForm').bootstrapValidator({
        message: 'This value is not valid',
//        live: 'disabled',
        feedbackIcons: {
            valid: 'fa fa-check',
            invalid: 'fa fa-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            linkman: {
                validators: {
                    notEmpty: {
                        message: '联系人必需填写'
                    }
				                 }
            },
			
			  phone: {
                  validators: {
                    notEmpty: {
                        message: '电话不能为空'
                    }
                }
            },
      
                  }
    });
});
$(".yuanjia").hide();
	function price()
        {
            $(".yuanjia").hide();
            var mbprice = 311;
            var nianxian = $(".nianxian .buy_hover b").data("value");
            var domain = $(".domain .buy_hover b").data("value");
            var host = $(".host .buy_hover b").data("value");
			domain=Number(domain);
			host=Number(host);
			if(nianxian!=1){ $(".yuanjia").show();}
			if(domain==1){domainprice=60;$('#domainownerbox').show();}
			if(domain==2){domainprice=0;$('#domainownerbox').hide();}
			if(host==1){hostprice=160;}
			if(host==2){hostprice=170;}
			if(host==3){hostprice=220;}
			if(host==4){hostprice=0;}
			mbprice=Number(mbprice);
				  if($('#grant').is(':checked')){
                     shouquan=129;
					}else{
					 shouquan=0;
					}
			xufei=domainprice+hostprice+200;
            mbprice=mbprice+shouquan;
			total= Math.floor(getprice(mbprice,nianxian,xufei));
			yuanjia=Math.floor(getyuanprice(mbprice,nianxian,xufei));
			$(".zongjia").html(total);
			$(".yuanjia").html(yuanjia);
			$("#nian").val(nianxian);
            $("#money").val(total);
            $("#domaintype").val(domain);
            $("#host").val(host);
        }	
	
			  $(document).ready(function(){
			//使用ON绑定事件
				var checkAll = $('#grant');
				checkAll.on('ifChecked ifUnchecked', function(event) {
					var domain = $(".domain .buy_hover b").data("value");
					var host = $(".host .buy_hover b").data("value");
					domain=Number(domain);
					host=Number(host);
					if (event.type == 'ifChecked') {
                        var nianxian = $(".nianxian .buy_hover b").data("value");
						nianxian=Number(nianxian);
						oldzongjia=$(".zongjia").html();
						oldzongjia=Number(oldzongjia);
						grantprice=Math.floor(getgrantprice(129,nianxian));
						$(".zongjia").html(oldzongjia+grantprice);
						oldyuanjia=$(".yuanjia").html();
						oldyuanjia=Number(oldyuanjia);
						$(".yuanjia").html(oldyuanjia+129);
						$("#nian").val(nianxian);
						$("#money").val(oldzongjia+grantprice);
						$("#domaintype").val(domain);
						$("#host").val(host);
						
					} else {
						var nianxian = $(".nianxian .buy_hover b").data("value");
						nianxian=Number(nianxian);
						oldzongjia=$(".zongjia").html();
						oldzongjia=Number(oldzongjia);
						grantprice=Math.floor(getgrantprice(129,nianxian));
						$(".zongjia").html(oldzongjia-grantprice);
						oldyuanjia=$(".yuanjia").html();
						oldyuanjia=Number(oldyuanjia);
						$(".yuanjia").html(oldyuanjia-129);
						$("#nian").val(nianxian);
						$("#money").val(oldzongjia-grantprice);
						$("#domaintype").val(domain);
						$("#host").val(host);
					}
				});
			});	
	$(".buywrap").each(function ()
    {
        $(this).find("dd").click(function ()
        {
            $(this).siblings().removeClass("buy_hover");
            $(this).addClass("buy_hover");
            price();
        })
    });
    $(".buywrap dl").hover(
		function () { $(this).css("background", "#f9f9f9"); },
		function () { $(this).css("background", "none"); }
	);


	

</script>
</body>
</html>

